<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--css-->
    <link rel="stylesheet" href="plugins/elementui/index.css">
</head>
<body>
<div id="app">
    <el-row>
        <el-button icon="el-icon-search" circle></el-button>
        <el-button type="primary" icon="el-icon-edit" circle></el-button>
        <el-button type="success" icon="el-icon-check" circle></el-button>
        <el-button type="info" icon="el-icon-message" circle></el-button>
        <el-button type="warning" icon="el-icon-star-off" circle></el-button>
        <el-button type="danger" icon="el-icon-delete" circle></el-button>
    </el-row>

    <el-switch
            v-model="value"
            active-color="#13ce66"
            inactive-color="#ff4949">
    </el-switch>

</div>

</body>
<!--js-->
<script src="js/vue.js"></script>
<script src="plugins/elementui/index.js"></script>
<script>
    new Vue({
        el:'#app',
        data(){
            return{
                value: false
            }
        }
    });
</script>


</html>